import { StyleSheet } from 'react-native';
import { phonePx, px } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    width: phonePx(95),
    height: phonePx(110),
    borderRadius: phonePx(4),
    justifyContent: 'flex-end',
    marginVertical: phonePx(8),
    marginHorizontal: phonePx(9),
    alignItems: 'center'
  },
  content: {
    width: phonePx(95),
    height: phonePx(95),
    borderRadius: phonePx(6),
    borderColor: '#f0f0f0',
    borderWidth: phonePx(1),
    justifyContent: 'center',
    alignItems: 'center'
  },
  coin: {
    position: 'absolute',
    top: 0,
    width: phonePx(30),
    height: phonePx(30)
  },
  selected: {
    backgroundColor: '#FFFAF5',
    borderColor: '#FFAA52'
  },
  loadValue: {
    flexDirection: 'row',
    alignItems: 'flex-end'
  },
  value: {
    fontSize: phonePx(18),
    color: '#4a4a4a',
    lineHeight: phonePx(25),
    fontWeight: '600'
  },
  desc: {
    fontSize: phonePx(12),
    color: '#4a4a4a',
    lineHeight: phonePx(17),
    marginLeft: phonePx(4),
    marginBottom: phonePx(2)
  },
  money: {
    fontSize: phonePx(12),
    color: '#9b9b9b',
    lineHeight: phonePx(17),
    fontWeight: '600'
  },
  selectedDesc: {
    color: '#d3c594'
  },
  coinDesc: {
    fontSize: phonePx(14),
    lineHeight: phonePx(20),
    fontWeight: '500'
  },
  coinPrice: {
    marginTop: phonePx(14)
  }
});
